<template>
	<view class="page">
		<view class="main">
		<image class="icon" :src="imgPrefix('/static/image/teacher/audit_status_page_icon.png')"></image>
		<text>提交成功！</text>
		<text>您的信息审核中</text>
		<text class="tips">快去填写授课信息吧，信息审核通过后便可直接开启接单！</text>
		<view class="to_write_btn" @tap="pageTo('/pages/teacher/teaching_information/index')">
			填写授课信息
		</view>
		</view>
		<view class="fixed_bottom">
			<view class="dis-flex flex-x-between flex-y-center">
				<view class="dis-flex flex-dir-column">
					<text class="tohome">去首页逛逛</text>
					<text class="tohome_englist">Go to homepage</text>
				</view>
				<image class="next_icon" :src="imgPrefix('/static/image/teacher/next_icon.png')" @tap="pageTo('/pages/index/index')"></image>
			</view>
		</view>
	</view>
</template>

<script>
	import { commonMixinFun } from '@/static/mixins/common.js';
	export default {
	mixins: [commonMixinFun],
		data() {
			return {
				
			};
		}
	}
</script>
<style lang="scss">
	.page{
		background-color: #fff;
	}
	.main{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		.icon{
			width: 280rpx;
			height: 280rpx;
			margin-top: 96rpx;
			margin-bottom: 48rpx;
		}
		text{
			display: block;
			font-size: 36rpx;
			line-height: 50rpx;
			color: #252748;
		}
		.tips{
			color: #8F8F9A;
			font-size: 24rpx;
			padding: 12rpx 0 56rpx;
		}
		.to_write_btn{
				width: 462rpx;
				line-height: 92rpx;
				text-align: center;
				font-size: 32rpx;
				color: #fff;
				background-image: linear-gradient(270deg,#7f4aff 0%,#9254ff 100%);
				border-radius: 16rpx;
			}
			}
.fixed_bottom{
	width: 750rpx;
	height: 168rpx;
	position: fixed;
	left: 0;
	bottom: 0;
	background-image: linear-gradient(315deg, 
		#7f4aff 0%, 
		#a986ff 100%);
	padding:40rpx 80rpx constant(safe-area-inset-bottom);
	padding:40rpx 80rpx env(safe-area-inset-bottom);
	color: #fff;
	.next_icon{
		width: 80rpx;
		height: 80rpx;
	}
	.tohome{
			font-size: 36rpx;
			line-height: 50rpx;
			margin-bottom: 4rpx;
		&_english{
			font-size: 24rpx;
			line-height: 34rpx;
			opacity: 0.32;
		}
	}
	
}
</style>
